<template>
  <div class="foot-bar">
    <div class="foot-left">
      <div class="log0">
        <img src="@/assets/logo.png" alt="" />
        <p class="logo-title">回到小时候</p>
      </div>
      <div class="top-p">
        一刻时光是本人独自开发的，为便于与用户交流的留言平台。
      </div>
      <div class="top-p">
        用户将留言便签贴在留言墙上，用户可以自定义便签颜色和内容属性，不仅可以用于交流，也是一场记录。
      </div>
      <p class="state">
        <span>声明</span>
        <span>备案/许可证粤ICP备19012866号</span>
        <span>网站备案/许可证粤ICP备19012866号-1</span>
      </p>
    </div>
    <div class="link">
      <div class="title">链接</div>
      <div class="line-inner">
        <a href="https://www.bilibili.com/" target="_blank" class="link-name"
          >哔哩哔哩</a
        >
        <a href="https://www.bilibili.com/" target="_blank" class="link-name"
          >b站</a
        >
      </div>
    </div>
    <div class="foot-right">
      <p class="title">打赏</p>
      <div class="right-image">
        <div>
          <img src="@/assets/logo.png" alt="" />
          <p>微信打赏</p>
        </div>
        <div>
          <img src="@/assets/logo.png" alt="" />
          <p>支付宝打赏</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.foot-bar {
  width: 100%;
  height: 200px;
  background: #202020;
}
</style>